<template>
  <div id="app">
    <header class="navBar">
        <h1>猫眼电影</h1>
    </header>
    <router-view/>
  </div>
</template>

<script>
  export default {

  }
</script>

<style lang="scss" scoped>
  #app {
    header {
      width:100%;
      height: 1rem;
      color: #fff;
      background: #e54847;
      border-bottom: 1px solid #e54847;
      position: fixed;
      top:0;
      left:0;
      z-index: 10;
      h1 {
        display: block;
        font-size: 0.36rem;
        font-weight: 400;
        text-align: center;
        line-height: 1rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
      }
    }
  }
</style>